/**
 * Shopping Cart Style Sheet
 *
 * Copyright (c) 2011. by Way2CU
 * Author: Mladen Mijatov
 */
@CHARSET "UTF-8";

div#shopping_cart {
	display: block;
	width: 250px;
	height: 100%;

	position: fixed;
	top: 0px;
	right: -250px;

	color: white;

	z-index: 100000;
}

div#shopping_cart *:not(input):not(select) {
	-moz-user-drag: none;
	-webkit-user-drag: none;
	user-drag: none;

	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;

	cursor: default;
}

div#shopping_cart div.container {
	display: block;
	width: 230px;

	padding: 10px;

	position: relative;

	background-color: #303030;
	background-color: rgba(48, 48, 48, 0.9);
}

div#shopping_cart div.container a.toggle_button {
	display: block;
	width: 40px;
	height: 40px;

	position: absolute;
	top: 0px;
	left: -40px;

	border-radius: 0px 0px 0px 10px;
	background-color: #303030;
	background-color: rgba(48, 48, 48, 0.9);
	background-image: url(../images/shopping_cart.png);
	background-position: center center;
	background-repeat: no-repeat;
}

div#shopping_cart div.container span.item_count {
	display: block;
	width: 20px;

	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;

	position: absolute;
	top: 45px;
	left: -30px;

	border-radius: 5px 0px 0px 5px;
	background-color: #303030;
	background-color: rgba(48, 48, 48, 0.9);

	color: white;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

div#shopping_cart div.container div.top_menu {
	display: block;
	margin-bottom: 5px;
	padding-bottom: 5px;

	border-bottom: 1px solid white;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);

	text-align: right;
}

div#shopping_cart div.container div.top_menu a {
	display: inline-block;

	margin-left: 5px;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;

	border: 1px solid #487896;
	border-right: 1px solid #1F3E52;
	border-bottom: 1px solid #1F3E52;
	border-radius: 3px;
	background-color: #30607F;

	color: white;
	font-size: 14px;
}

div#shopping_cart div.container div.top_menu a:active {
	border: 1px solid #1F3E52;
	border-right: 1px solid #487896;
	border-bottom: 1px solid #487896;
}

div#shopping_cart div.container div.top_menu a.checkout {
	padding-left: 30px;

	background-image: url(../images/checkout.png);
	background-position: 2px center;
	background-repeat: no-repeat;
}

div#shopping_cart div.container div.content {
	display: block;
	min-height: 30px;
	max-height: 90%;

	position: relative;
	overflow-y: auto;
}

div#shopping_cart div.container div.content::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

div#shopping_cart div.container div.content::-webkit-scrollbar-track {
	padding-top: 2px;
}

div#shopping_cart div.container div.content::-webkit-scrollbar-thumb {
	padding: 2px;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.2);
}

div#shopping_cart div.container div.content::-webkit-scrollbar-thumb:hover {
	background-color: rgb(255, 255, 255);
}

div#shopping_cart div.container div.content div.empty{
	display: block;
	width: 100%;
	padding: 0px;
	padding-top: 7px;
	padding-bottom: 7px;

	position: absolute;
	top: 0px;
	left: 0px;

	color: white;
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	font-style: italic;
	text-align: center;
}

div#shopping_cart div.container div.content div.item {
	display: block;
	padding: 6px;
	padding-top: 4px;
	padding-bottom: 4px;

	position: relative;
	overflow: hidden;
	border-radius: 2px;

	color: white;

	transition-property: background-color;
	transition-duration: 0.3s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.3s;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.3s;
}

div#shopping_cart div.container div.content div.item:nth-child(odd) {
	background-color: #244153;
	background-color: rgba(0, 0, 0, 0.1);
}

div#shopping_cart div.container div.content div.item.loading {
	background-image: url(../images/loading.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

body.rtl div#shopping_cart div.container div.content div.item.loading {
	background-position: left top;
}

div#shopping_cart div.container div.content div.item div.name {
	padding-bottom: 4px;

	font-size: 14px;
	font-weight: bold;
}

div#shopping_cart div.container div.content div.item div.name span.color {
	display: inline-block;
	width: 10px;
	height: 10px;

	margin-right: 4px;
	vertical-align: middle;

	border: 1px solid #333333;
}

body.rtl div#shopping_cart div.container div.content div.item div.name span.color {
	margin-left: 4px;
	margin-right: 0px;
}

div#shopping_cart div.container div.content div.item div.price,
div#shopping_cart div.container div.content div.item div.count {
	font-size: 12px;
	color: #C0C0C0;
}

div#shopping_cart div.container div.content div.item div.price span,
div#shopping_cart div.container div.content div.item div.count span {
	display: inline-block;
	width: 30%;
}

div#shopping_cart div.container div.content div.item a.edit,
div#shopping_cart div.container div.content div.item a.delete {
	display: block;
	width: 16px;
	height: 16px;

	position: absolute;
	bottom: 5px;
	right: 5px;

	background-image: url(../images/item_delete.png);
	background-position: center center;
	background-repeat: no-repeat;
	
	text-decoration: none;
	opacity: 0.7;
}

div#shopping_cart div.container div.content div.item a.edit:hover,
div#shopping_cart div.container div.content div.item a.delete:hover {
	opacity: 1;
}

div#shopping_cart div.container div.content div.item a.edit {	
	right: 24px;
	background-image: url(../images/item_edit.png);
}

body.rtl div#shopping_cart div.container div.content div.item a.delete {
	right: auto;
	left: 5px;
}

body.rtl div#shopping_cart div.container div.content div.item a.edit {
	right: auto;
	left: 24px;
}

div#shopping_cart div.container div.summary {
	display: block;
	margin-top: 5px;
	padding-top: 3px;

	border-top: 1px solid white;
	border-top: 1px solid rgba(255, 255, 255, 0.3);

	font-size: 12px;
	text-align: right;
}

body.rtl div#shopping_cart div.container div.summary {
	text-align: left;
}

div#shopping_cart div.container div.summary div.total {
	display: block;
	margin-top: 5px;
	padding-top: 3px;
	
	border-top: 1px solid white;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

div#shopping_cart div.container div.summary span.value {
	display: inline-block;
	width: 40%;

	font-size: 14px;
}

/**
 * Checkout Menu
 */
div#shopping_cart div.container ul.checkout {
	display: none;
	width: 180px;

	margin: 0px;
	padding: 2px;

	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 1000;

	list-item-type: none;
	list-item-style: none;

	border: 1px solid #487896;
	border-radius: 2px;
	background-color: #30607F;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}

div#shopping_cart div.container ul.checkout li {
	display: block;

	padding: 5px;
	padding-left: 20px;

	background-position: 2px center;
	background-repeat: no-repeat;
}

div#shopping_cart div.container ul.checkout li:hover {
	background-color: #487896;
}
